<%--
  Created by IntelliJ IDEA.
  User: chen
  Date: 2023/3/9
  Time: 14:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <link href="css/themes/default/easyui.css" rel="stylesheet"/>
    <link href="css/themes/icon.css" rel="stylesheet"/>
    <link href="css/themes/color.css" rel="stylesheet"/>
    <link href="css/replace_apply.css" rel="stylesheet"/>
    <script src="script/jquery.min.js"></script>
    <script src="script/jquery.easyui.min.js"></script>
    <title>代填申请</title>
    <style>
    </style>
</head>
<body>
<div class="server">
    <h3 class="replace_title">代填申请快递</h3>
    <table class="table">
        <tr>
            <td colspan="6" class="head">申请人信息</td>

        </tr>
        <tr>
            <td class="first">申请人：</td>
            <td class="input"><input type="text" name="name" value=" "/></td>
            <td class="first">部门：</td>
            <td class="input"><input type="text" name="name" value=" "/></td>
            <td class="first">手机：</td>
            <td class="input"><input type="text" name="name" value=" "/></td>
        </tr>
        <tr>
            <td class="first">代填人：</td>
            <td class="input" colspan="5"><input type="text" name="name" value=" "/></td>
        </tr>
        <tr>
            <td colspan="6" class="head">收件人信息</td>

        </tr>
        <tr>
            <td class="first">收件人<span class="xing">*</span>：</td>
            <td class="input"><input type="text" name="name" value=" "/></td>
            <td class="first">手机<span class="xing">*</span>：</td>
            <td class="input" colspan="4"><input type="text" name="name" value=" "/></td>
        </tr>
        <tr>
            <td colspan="6" class="head">快递信息</td>

        </tr>
        <tr>
            <td class="first">快递区域<span class="xing">*</span>：</td>
            <td class="input">
                <select class="replace_range">
                    <option value="value">请选择</option>
                    <option class="replace_civil">国内</option>
                    <option class="replace_abroad">国外</option>
                </select>
                <select class="replace_proaddr">
                    <option>请选择</option>
                    <option>北京</option>
                    <option>天津</option>
                    <option>上海</option>
                    <option>广州</option>
                    <option>福建</option>
                    <option>山东</option>
                    <option>辽宁</option>
                    <option>山西</option>
                    <option>河南</option>
                    <option>河北</option>
                    <option>黑龙江</option>
                    <option>大连</option>
                </select>
                <select class="replace_counaddr">
                    <option>请选择</option>
                    <option>美国</option>
                    <option>法国</option>
                    <option>英国</option>
                    <option>日本</option>
                    <option>俄国</option>
                    <option>墨西哥</option>
                    <option>巴黎</option>
                    <option>韩国</option>
                </select>
            </td>
            <td class="first">快递类型<span class="xing">*</span>：</td>
            <td class="input">
                <select>
                    <option value="value">请选择</option>
                    <option value="value">文件</option>
                    <option value="value">其他</option>
                </select>
            </td>
            <td class="first">快递公司<span class="xing">*</span>：</td>
            <td class="input">
                <select>
                    <option value="value">请选择</option>
                    <option value="value">EMS</option>
                    <option value="value">顺丰</option>
                </select>
            </td>
        </tr>
        <tr>
            <td class="first">邮编<span class="xing">*</span>：</td>
            <td class="input"><input type="text" name="name" value=" "/></td>
            <td class="first">邮寄地址<span class="xing">*</span>：</td>
            <td colspan="4" class="input"><input class="addr" type="text" name="name" value=" "/></td>

        </tr>
        <tr>
            <td colspan="6" class="head">申请说明</td>
        </tr>
        <tr>
            <td class="secend" style="height:60px;" colspan="6">
                <textarea rows="4" cols="131" style="resize:none;"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="6" class="head">备注</td>
        </tr>
        <tr>
            <td class="secend" style="height:60px;" colspan="6">
                <textarea rows="4" cols="131" style="resize:none;"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="6" style="height:40px;">
                <a href="javascript:;" class="easyui-linkbutton c1" style="width:50px;">提交</a>
            </td>
        </tr>
    </table>
</div>
<script>
    $(function () {
        $(".replace_proaddr").hide();
        $(".replace_counaddr").hide();
        1
    })
    $(".replace_range").change(function () {
        var name = $(this).val();
        console.log(name);
        if (name == "国内") {
            $(".replace_proaddr").show();
            $(".replace_counaddr").hide();
        } else if (name == "国外") {
            $(".replace_proaddr").hide();
            $(".replace_counaddr").show();
        } else if (name == "请选择") {
            $(".replace_proaddr").hide();
            $(".replace_counaddr").hide();
        }
    })
</script>
</body>
</html>
<!--<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<link href="css/themes/default/easyui.css" rel="stylesheet" />
<link href="css/themes/icon.css" rel="stylesheet" />
<link href="css/themes/color.css" rel="stylesheet" />
<link href="css/replace_replace.css" rel="stylesheet" />
<script src="script/jquery.min.js"></script>
<script src="script/jquery.easyui.min.js"></script>
<title>代填申请</title>
</head>
<body>
<div class="server">
<h3 class="replace_title">代填申请快递</h3>
<div class="replace_person">
<h4>申请人信息</h4>
<div>
申请人<span class="xing">*</span>:<input value="" />
部门<span class="xing">*</span>:<input value="" />
手机<span class="xing">*</span>:<input value="" /><br>
代填人：<input value="" class="replace_replace_person" />
</div>
</div>
<div class="replace_accept">
<h4>收件人信息</h4>
收件人<span class="xing">*</span>：<input />
手机<span class="xing">*</span>：<input /><br>
<p class="replace_box">
<span>申请说明<span class="xing">*</span>:</span>
<textarea style="vertical-align:top;resize:none;" rows="3" cols="80"></textarea>
</p>
</div>
<div class="replace_express">
<h4>快递信息</h4>
快递区域<span class="xing">*</span>：
<select class="replace_range">
<option>请选择</option>
<option class="replace_civil">国内</option>
<option class="replace_abroad">国外</option>
</select>
<select class="replace_proaddr">
<option>请选择</option>
<option>北京</option>
<option>天津</option>
<option>上海</option>
<option>广州</option>
<option>福建</option>
<option>山东</option>
<option>辽宁</option>
<option>山西</option>
<option>河南</option>
<option>河北</option>
<option>黑龙江</option>
<option>大连</option>
</select>
<select class="replace_counaddr">
<option>请选择</option>
<option>美国</option>
<option>法国</option>
<option>英国</option>
<option>日本</option>
<option>俄国</option>
<option>墨西哥</option>
<option>巴黎</option>
<option>韩国</option>
</select>
快递类型<span class="xing">*</span>：
<select>
<option>请选择</option>
<option>文件</option>
<option>其他</option>
</select>

快递公司<span class="xing">*</span>：
<select>
<option>请选择</option>
<option>EMS</option>
<option>顺丰</option>
</select><br>
邮寄地址<span class="xing">*</span>：<input type="text" class="replace_postAddr" value=" " /><br>
邮编<span class="xing">*</span>：<input type="text" name="name" value=" " class="replace_cord"/>
</div>
<div class="replace_remark">
<h4>备注信息</h4>
<div class="replace_text">
<textarea style="resize: none" rows="3" cols="80"></textarea>
</div>
</div>
<div class="replace_commit">
<a href="javascript:;" class="easyui-linkbutton c1" style="width:50px;">提交</a>
</div>
</div>
<script>
$(function () {
$(".replace_proaddr").hide();
$(".replace_counaddr").hide();
1
})
$(".replace_range").change(function () {
var name = $(this).val();
console.log(name);
if (name == "国内") {
$(".replace_proaddr").show();
$(".replace_counaddr").hide();
} else if (name == "国外") {
$(".replace_proaddr").hide();
$(".replace_counaddr").show();
} else if (name == "请选择") {
$(".replace_proaddr").hide();
$(".replace_counaddr").hide();
}
})
</script>
</body>
</html>-->